<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>专题分析</title>
</head>
<body>
﻿<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
		<meta name="author" content="" />
		<link rel="stylesheet" href="css/common.css" type="text/css" />
		<link rel="stylesheet" href="css/style.css" type="text/css" />
		<link rel="stylesheet" href="css/swiper.min.css" type="text/css" />

		<title>专题分析</title>
		<style>

			[v-cloak] {
				display: none;
			}
			
			.condition {}
			
			.condition ul {
				float: left;
				margin-left: 24px;
			}
			
			.condition ul li {
				float: left;
				margin-left: 16px
			}
			
			.map {
				margin: 0 auto;
				height: 500px;
				border-radius:10px;
				width:758px;
				float: right;
			}
			
			.sidenav .act {
				color: #FFF;
				background: url('images/menu_left_on_bg.png') no-repeat left top;
				display: block;
			}
			.back{line-height: 15px;width:980px; margin: 0 auto;background: #ebebeb;font-size: 15px;cursor: pointer;padding-top: 10px;}
			.back img{height: 15px;}
			.menu-name{ width: 980px; height: 40px;margin: 0 auto;border-left: solid 1px #cfcdd0;}
			.menu-name li{ user-select: none;cursor:pointer;line-height: 40px; float: left; width: 110px; text-align: center;color: #343844;}
			.menu-name .active-menu{ color: #343844;background-color: #E4E4E4}
			.mapcontainer{margin-top: 0; border: 1px solid #dddddd;
    border-radius: 10px;
    margin-top: 10px;}
			.map-list h1{ background: #ffffff; color: #343844; border-bottom: solid 3px #cfcdd0;border-top: solid 1px #cfcdd0;}
			.Carousel{height:600px}
		</style>
	</head>

	<body class="lybg">
			<!-- 	   标题模块 -->

	<div class="big">
			<div id="header">
				<div class="logo">
					<a href="" target="_blank"><img class="logoimg"
						src="images/logo.png" alt="" /></a>
				</div>
				<div class="title" style="font-family: 微软雅黑;">专业农业数据服务</div>
			</div>
		</div>
		<div id="mapAnalysis" v-cloak >
		<div class="clear"></div>
<!-- 	轮播导航模块	 -->
		<div class="Carousel">
			<div class="first">
				<div class="first1">
						<a href="index.html"  style="font-family: 微软雅黑;">首页</a>
				</div>

				<div class="first1" >
						<a href="data_resource.html"  style="font-family: 微软雅黑;">数据资源</a>
				</div>
				<div class="first1 tab_active" >
						<a href="" style="font-family: 微软雅黑;">专题分析</a>
				</div>
				<div class="first1 " >
						<a href="data_acquisition.html"  style="font-family: 微软雅黑;">数据采集</a>
				</div>
			</div>
	<div class="clear"></div>
				<div class="panel-heading" style="margin:0 auto; margin-top:30px;text-indent:20px; width:100%;padding:10px 0;font-size:20px;border-bottom:2px solid #2e8397;color:#2e8397">
				 云南国家级地理标志产品分布
				</div>
				
				
			<div class="left">
				
				<ul class="map-list" style="height: 500px;border-right:solid 3px #cfcdd0; border-top:solid 1px #cfcdd0">
					<li class="hy2"><a href="mapYunnan.html" class="active">云南国家级地理标志产品分布</a></li>
				</ul>

				</div>
				<div class="map " id="main2"></div>	
			
			

		</div>
		<div class="clear"></div>

			
			
		
				
				
				
				<div class="clear"></div>
		<div class="w980 height20"></div>
		<div id="bgfooter">
			<div id="footer">
				<div class="copyright">
					<div class="copyright1">
						<a href="" title=""><img class="logoimg" src="images/logo.png"
							alt="" alt="" /></a>
					</div>
<!-- 					<div class="copyright2" style="width: 350px"> -->
<!-- 						Copyright@2018 <a href="http://www.miit.gov.cn/" rel="nofollow" -->
<!-- 							target="_blank">滇ICP备17010305号-1</a> <br /> -->
<!-- 					</div> -->
					<div class="copyright2" style="width: 350px">
						Copyright@2018 滇ICP备17010305号-1<br />
					</div>
				</div>
				<div class="subnav">
					<div class="subnav1">
						<strong><a href="" title="公司平台">公司平台</a></strong>
						<span><a 
							href="http://www.datashang.com/shs_web/index.html" title="数熵工厂" target="_blank">数熵工厂</a></span>
						<span><a 
							href="http://study.weihengtech.com/qjpt/" title="全景展览馆" target="_blank">全景展览馆</a></span>
							<span><a 
							href="http://nxf.ynmaker.com/index.php?s=/home/enterprise/plantaddr.html" title="中草药种植推荐" target="_blank">中草药种植推荐</a></span>
							<span><a 
							href="http://nxf.ynmaker.com/index.php?s=/home/enterprise/plantcalculate.html" title="中草药种植成本计算" target="_blank">中草药种植成本计算</a></span>
							<span><a 
							href="http://www.datashang.com/shs_web/search.html" title="入侵物种检测" target="_blank">入侵物种检测</a></span>
					</div>
					<div class="subnav2">
						<strong><a href="" title="友情链接">友情链接</a></strong><span><a
							href="http://www.ynmaker.com/" title="唯恒农业" target="_blank">唯恒农业</a></span><span><a
							href="http://study.weihengtech.com" title="唯恒学院" target="_blank">唯恒学院</a></span><span><a 
							href="http://scrc.ynmaker.com/" title="三产融创平台" target="_blank">三产融创平台</a></span><span><a
							href="www.weihengtech.com " title="科技成果转化中心" target="_blank">科技成果转化中心</a></span><span><a 
							href="http://www.czhiwu.com/index.php" title="云药技术服务中心" target="_blank">云药技术服务中心</a></span>
							
					</div>
		
					<div class="subnav5">
						<strong><a href="" title="服务支持">关于我们</a></strong><span><a
							href="" title="公司介绍">公司介绍</a></span><span><a 
							href="" title="联系我们">联系我们</a></span>
					</div>
						<div class="subnav5">
						<div style="width: 120;height: 120px;">
						  <img alt="" src="images/xiaochenxu.jpg"style="width: 120;height: 120px;">
						</div>
					</div>
				</div>
			</div>
		</div>
			
			
		</div>
		
		
		<script src="js/vue2.0/vue.js"></script>
		<script src="js/axios/axios.min.js"></script>
		<script src="js/func/axiosconfig.js"></script>
		<script src="js/echarts.min.js"></script>
		<script type="text/javascript" src="js/map/js/citymap.js"></script>
		<script src="js/jquery.min.js"></script>
		<script src="js/swiper.min.js"></script>
		<script src="js/func/mapAnalysis.js"></script>
		<script src="js/china.js"></script>
		<script src="js/yunnan.js"></script>
	<script type="text/javascript">
		// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('main2'));
       var data1=[{
    	    name:'大理白族自治州',
    	    value:'23'
       },{
    	   name:'红河哈尼族彝族自治州',
   	       value:'31'
       },{
    	   name:'昆明',
   	       value:'16'
       },{
    	   name:'昭通',
   	       value:'10'
       },{
    	   name:'曲靖',
   	       value:'18'
       },{
    	   name:'丽江',
   	       value:'18'
       },{
    	   name:'楚雄彝族自治州',
   	       value:'9'
       },{
    	   name:'普洱',
   	       value:'10'
       },{
    	   name:'玉溪',
   	       value:'16'
       },{
    	   name:'临沧',
   	       value:'3'
       },{
    	   name:'西双版纳傣族自治州',
   	       value:'1'
       },{
    	   name:'文山壮族自治州',
   	       value:'11'
       },{
    	   name:'德宏傣族景颇族自治州',
   	       value:'6'
       },{
    	   name:'保山',
   	       value:'14'
       },{
    	   name:'怒江傈僳族自治州',
   	       value:'3'
       },{
    	   name:'迪庆藏族自治州',
   	       value:'6'
       }];
		var data = [ {
			name : '大理市',
			value : 2
		}, {
			name : '剑川',
			value : 1
		}, {
			name : '永平县',
			value : 1
		},{
			name : '云龙县',
			value : 6
		}, {
			name : '洱源县',
			value : 1
		}, {
			name : '弥渡县',
			value : 2
		}, {
			name : '巍山县',
			value : 1
		}, {
			name : '南涧县',
			value : 2
		}, {
			name : '漾濞县',
			value : 2
		}, {
			name : '宾川县',
			value : 4
		}, {
			name : '鹤庆县',
			value : 1
		}, {
			name : '泸西县',
			value : 5
		}, {
			name : '建水县',
			value : 6
		}, {
			name : '屏边县',
			value : 2
		}, {
			name : '元阳县',
			value : 1
		}, {
			name : '石屏县',
			value : 5
		}, {
			name : '红河县',
			value : 1
		}, {
			name : '开远',
			value : 3
		}, {
			name : '蒙自县',
			value : 4
		}, {
			name : '弥勒',
			value : 2
		}, {
			name : '金平县',
			value : 1
		}, {
			name : '个旧',
			value : 1
		}, {
			name : '东川区',
			value : 1
		}, {
			name : '石林',
			value : 3
		}, {
			name : '禄劝县',
			value : 2
		}, {
			name : '嵩明县',
			value : 1
		}, {
			name : '呈贡区',
			value : 1
		}, {
			name : '安宁市',
			value : 1
		}, {
			name : '寻甸县',
			value : 1
		}, {
			name : '富民县',
			value : 2
		}, {
			name : '晋宁区',
			value : 1
		}, {
			name : '盘龙区',
			value : 1
		}, {
			name : '西山区',
			value : 2
		}, {
			name : '盐津县',
			value : 1
		}, {
			name : '昭阳区',
			value : 2
		}, {
			name : '永善县',
			value : 3
		}, {
			name : '彝良县',
			value : 1
		}, {
			name : '鲁甸县',
			value : 3
		}, {
			name : '陆良县',
			value : 1
		}, {
			name : '罗平',
			value : 4
		}, {
			name : '师宗',
			value : 3
		}, {
			name : '会泽县',
			value : 5
		}, {
			name : '富源县',
			value : 2
		}, {
			name : '马龙县',
			value : 2
		}, {
			name : '宣威市',
			value : 1
		}, {
			name : '永胜县',
			value : 2
		}, {
			name : '玉龙县',
			value : 2
		}, {
			name : '华坪县',
			value : 1
		}, {
			name : '武定县',
			value : 2
		}, {
			name : '双柏县',
			value : 1
		}, {
			name : '牟定县',
			value : 2
		}, {
			name : '姚安县',
			value : 1
		}, {
			name : '禄丰',
			value : 1
		}, {
			name : '元谋县',
			value : 1
		}, {
			name : '大姚县',
			value : 1
		}, {
			name : '思茅',
			value : 2
		}, {
			name : '西盟',
			value : 1
		}, {
			name : '景东',
			value : 3
		}, {
			name : '镇沅',
			value : 1
		}, {
			name : '江城县',
			value : 1
		}, {
			name : '墨江',
			value : 2
		}, {
			name : '新平县',
			value : 1
		}, {
			name : '通海县',
			value : 1
		}, {
			name : '华宁县',
			value : 3
		}, {
			name : '峨山县',
			value : 1
		}, {
			name : '澄江县',
			value : 4
		}, {
			name : '红塔区',
			value : 1
		}, {
			name : '元江县',
			value : 3
		}, {
			name : '易门县',
			value : 2
		}, {
			name : '凤庆县',
			value : 1
		}, {
			name : '云县',
			value : 1
		}, {
			name : '永德县',
			value : 1
		}, {
			name : '勐海县',
			value : 1
		}, {
			name : '广南',
			value : 5
		}, {
			name : '丘北县',
			value : 2
		}, {
			name : '砚山县',
			value : 1
		}, {
			name : '西畴县',
			value : 1
		}, {
			name : '文山市',
			value : 2
		}, {
			name : '芒市',
			value : 1
		}, {
			name : '梁河县',
			value : 2
		}, {
			name : '盈江县',
			value : 1
		}, {
			name : '瑞丽市',
			value : 1
		}, {
			name : '陇川县',
			value : 1
		}, {
			name : '腾冲',
			value : 5
		}, {
			name : '施甸县',
			value : 2
		}, {
			name : '龙陵县',
			value : 4
		}, {
			name : '昌宁',
			value : 3
		}, {
			name : '贡山县',
			value : 1
		}, {
			name : '兰坪',
			value : 1
		}, {
			name : '福贡县',
			value : 1
		}, {
			name : '香格里拉市',
			value : 1
		}, {
			name : '维西县',
			value : 1
		}, {
			name : '德钦县',
			value : 1
		}

		];
		var geoCoordMap = {
		    '大理白族自治州' : [ 100.268717,25.860339 ],
			'红河哈尼族彝族自治州' : [ 103.028554,23.582931],
			'昆明' : [ 102.750691,25.363687 ],
			'昭通' : [ 103.846542,27.960748 ],
			'曲靖' : [ 103.833481,25.805695 ],
			'丽江' : [ 100.444606,27.15703 ],
			'楚雄彝族自治州': [ 101.552234,25.572033 ],
			'普洱' : [ 100.967448,23.014788 ],
			'玉溪' : [ 101.983241,24.172965 ],
			'临沧' : [ 99.912437,24.232728 ],
			'西双版纳傣族自治州' : [ 100.808617,22.188536 ],
			'文山壮族自治州' : [ 104.344455,23.693018
				],
			'德宏傣族景颇族自治州' : [ 98.190065,24.627621 ],
			'保山' : [ 98.799556,25.356301 ],
			'怒江傈僳族自治州' : [ 98.990922,26.803798 ],
			'迪庆藏族自治州' : [ 99.639966,28.081221 ],
			
			'大理市' : [ 100.237669, 25.599951 ],
			'剑川' : [ 99.908641, 26.54381 ],
			'永平县' : [ 99.541171, 25.473077 ],
			'云龙县' : [ 99.379141, 25.892205 ],
			'洱源县' : [ 99.968635, 26.119314 ],
			'弥渡县' : [ 100.499311, 25.350642 ],
			'巍山县' : [ 100.319652, 25.233825 ],
			'南涧县' : [ 100.498997, 25.049841 ],
			'漾濞县' : [ 99.980451, 25.676157 ],
			'宾川县' : [ 100.582481, 25.836029 ],
			'鹤庆县' : [ 100.180192, 26.568524 ],
			'泸西县' : [ 103.776547, 24.539878 ],
			'建水县' : [ 102.83574, 23.641733 ],
			'屏边县' : [ 103.683494, 22.990488 ],
			'元阳县' : [ 102.843158, 23.226995 ],
			'石屏县' : [ 102.501872, 23.712269 ],
			'红河县' : [ 102.421227, 23.379531 ],
			'开远市' : [ 103.273553, 23.719643 ],
			'蒙自市' : [ 103.373271, 23.402876 ],
			'弥勒市' : [ 103.422639, 24.418245 ],
			'金平县' : [ 103.237516, 22.788842 ],
			'个旧' : [ 103.164576, 23.366256 ],
			'东川区' : [ 103.195602, 26.090871 ],
			'石林' : [ 103.281839, 24.776835 ],
			'禄劝县' : [ 102.47661, 25.56199 ],
			'嵩明县' : [ 103.042414, 25.345715 ],
			'呈贡区' : [ 102.830922, 24.891084 ],
			'安宁市' : [ 102.483673, 24.925692 ],
			'寻甸县' : [ 103.266789, 25.567676 ],
			'富民县' : [ 102.505048, 25.228869 ],
			'晋宁区' : [ 102.602418, 24.676887 ],
			'盘龙区' : [ 102.759101, 25.123681 ],
			'西山区' : [ 102.673857, 25.042937 ],
			'盐津县' : [ 104.240429, 28.113619 ],
			'昭阳区' : [ 103.71462, 27.326401 ],
			'永善县' : [ 103.646294, 28.234467 ],
			'彝良县' : [ 104.052718, 27.633482 ],
			'鲁甸县' : [ 103.563837, 27.19285 ],
			'陆良县' : [ 103.674582, 25.036949 ],
			'罗平' : [ 104.31436, 24.890258 ],
			'师宗' : [ 103.990981, 24.829307 ],
			'会泽县' : [ 103.301762, 26.424474 ],
			'富源县' : [ 104.261474, 25.68054 ],
			'马龙县' : [ 103.581997, 25.434749 ],
			'宣威市' : [ 104.109851, 26.225857 ],
			'永胜县' : [ 100.76103, 26.692274 ],
			'玉龙县' : [ 100.269089, 26.840152 ],
			'华坪县' : [ 101.27128, 26.633931 ],
			'武定县' : [ 102.410532, 25.538437 ],
			'双柏县' : [ 101.646107, 24.697263 ],
			'牟定县' : [ 101.554631, 25.31963 ],
			'姚安县' : [ 101.082951, 25.37326 ],
			'禄丰' : [ 102.078632, 25.159232 ],
			'元谋县' : [ 101.880445, 25.710635 ],
			'大姚县' : [ 101.331717, 25.727341 ],
			'思茅' : [ 100.989879, 22.798095 ],
			'西盟' : [ 99.601796, 22.653057 ],
			'景东' : [ 100.829865, 24.452127 ],
			'镇沅' : [ 101.265622, 24.007954 ],
			'江城县' : [ 101.874757, 22.586444 ],
			'墨江' : [ 101.697434, 23.44701 ],
			'新平县' : [ 101.984743, 24.082165 ],
			'通海县' : [ 102.733573, 24.11921 ],
			'华宁县' : [ 102.934917, 24.19779 ],
			'峨山县' : [ 102.41285, 24.174804 ],
			'澄江县' : [ 102.918004, 24.678627 ],
			'红塔区' : [ 102.596983, 24.302642 ],
			'元江县' : [ 102.004505, 23.602971 ],
			'易门县' : [ 102.167235, 24.678717 ],
			'凤庆县' : [ 99.933264, 24.587786 ],
			'云县' : [ 100.127806, 24.444123 ],
			'永德县' : [ 99.261627, 24.024607 ],
			'勐海县' : [ 100.462321, 21.962093 ],
			'广南' : [ 105.059857, 24.052991 ],
			'丘北县' : [ 104.174592, 24.05937 ],
			'砚山县' : [ 104.342976, 23.611222 ],
			'西畴县' : [ 104.67795, 23.445128 ],
			'文山市' : [ 104.236819, 23.394332 ],
			'芒市' : [ 98.596536, 24.439965 ],
			'梁河县' : [ 98.29911, 24.812096 ],
			'盈江县' : [ 97.938427, 24.710221 ],
			'瑞丽市' : [ 97.861336, 24.023081 ],
			'陇川县' : [ 97.79968, 24.191314 ],
			'腾冲' : [ 98.497595, 25.027403 ],
			'施甸县' : [ 99.197769, 24.728572 ],
			'龙陵县' : [ 98.69575, 24.591758 ],
			'昌宁' : [ 99.611617, 24.834247 ],
			'贡山县' : [ 98.672379, 27.746998 ],
			'兰坪' : [ 99.541143, 26.442905 ],
			'福贡县' : [ 98.873349, 26.908313 ],
			'香格里拉市' : [ 99.703996, 27.837038 ],
			'维西县' : [ 99.310983, 27.199125 ],
			'德钦县' : [ 98.925603, 28.471864 ],
		};

		var convertData = function(data) {
			var res = [];
			for (var i = 0; i < data.length; i++) {
				var geoCoord = geoCoordMap[data[i].name];
				if (geoCoord) {
					res.push({
						name : data[i].name,
						value : geoCoord.concat(data[i].value)
					});
				}
			}
			return res;
		};

		// 指定图表的配置项和数据
		var option = {
			backgroundColor : '#404a59',
			title : {
				text: '云南国家级地理标志产品分布',
				left : 'center',
				textStyle : {
					color : '#fff'
				}
			},
			tooltip: {
		        trigger: 'item',
		        formatter: function (params) {

		            return params.name + ' : ' + params.value[2];
		        }

		    },
			geo : {
				map : '云南',

				zoom : 1.2,
				label : {					
					normal : {
						show : true,
			            textStyle: {
			                color: 'white'
			            },
					}
				},
				roam : true,
				itemStyle : {
				  normal : {
						areaColor : '#323c48',
						borderColor : '#111',
						
					},
					emphasis : {
						areaColor : '#2a333d'
						
					}  
				}
			},
			series : [ 
 			
 			{
				name : '地州',
				type : 'effectScatter',
				coordinateSystem : 'geo',
				data : convertData(data1.sort(function(a, b) {
					var v = b.value - a.value;
					return v;
				}).slice(0, 100)),
				symbolSize : function(val) {
					var v = val[2];
					if( v  < 6) v = 6;
					return v*1.5 ;
				},
				showEffectOn : 'render',
				rippleEffect : {
					brushType : 'stroke'
				},
				hoverAnimation : true,

				itemStyle : {
					normal : {
						color : '#f4e925',
						shadowBlur : 1,
						shadowColor : '#333'
					}
				},
				zlevel : 1
			},

			] 
		};

		// 使用刚指定的配置项和数据显示图表。
		myChart.setOption(option);
	</script>

	</body>

</html>
</body>
</html>